<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>常用标签</title>
    <link rel="shortcut icon" href="https://www.baidu.com/favicon.ico" type="image/x-icon">
    <style>
        div{
            /* 设置颜色 */
            background: rgba(250, 80, 196, 0.889);
            /* 设置宽度 */
            width: 250px;
            /* 设置高度 */
            height: 50px;
        }
        a{
            /* 设置颜色 */
            background: rgba(250, 80, 196, 0.889);
            /* 设置宽度 */
            width: 250px;
            /* 设置高度 */
            height: 50px;
        }
        img{
            height: 50px;
        }
    </style>
</head>
<>
    <!-- 块级元素：独占一整行，可以设置宽高 -->
    <div>div布局</div>
    <ul>
        <li>无序列表</li>
        <li>无序列表</li>
        <li>无序列表</li>
    </ul>
    <ol>
        <li>有序列表</li>
        <li>有序列表</li>
        <li>有序列表</li>
    </ol>
    <dl>
        <dt>自定义标题</dt>
        <dd>自定义列表</dd>
        <dd>自定义列表</dd>
        <dd>自定义列表</dd>
    </dl>
    <h1>1级标签</h1>
    <h2>2级标签</h2>
    <h3>3级标签</h3>
    <h4>4级标签</h4>
    <h5>5级标签</h5>
    <h6>6级标签</h6>
    <p>段落标签</p>
    <!-- 行内元素：无法设置宽高，会排列在一起 -->
    <a href="https://www.baidu.com">百度</a>
    <span>文字</span>
    <b>加粗</b>
    <i>斜体</i>
    <!-- 行内块级：可以一行排列，并且可以设置宽高 -->
    <img src="timg1.gif" alt="">
</body>
</html>